<template>
  <div class="my">
    <div class="userInfo">
      <img
        src="http://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png"
        alt=""
      />
      <div class="username">用户</div>
    </div>

    <div class="iconlist">
      <router-link
        tag="div"
        :to="item.path"
        class="item"
        v-for="(item, index) in iconList"
        :key="index"
      >
        {{ item.title }}
      </router-link>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      iconList: [
        {
          title: "我的订单",
          type: "order",
          path: "",
        },
        {
          title: "优惠券",
          type: "coupon",
          path: "",
        },
        {
          title: "我的足迹",
          type: "myFootprint",
          path: "",
        },
        {
          title: "我的收藏",
          type: "collect",
          path: "/my/collect",
        },
        {
          title: "地址管理",
          type: "addressList",
          path: "/addressmanage?from=my",
        },
        {
          title: "联系客服",
          type: "service",
          path: "",
        },
        {
          title: "帮助中心",
          type: "help",
          path: "",
        },
        {
          title: "意见反馈",
          type: "feedback",
          path: "/my/feedback",
        },
      ],
    };
  },
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
